<!DOCTYPE >
<html lang="ko">
<head>
<meta charset="UTF-8" />
<title>KPOPGIRL</title>
<meta name="author" content="TACO" />
<meta name="keywords" content="kpop,kpopgirl,kpopstar" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<link rel="stylesheet" href="css/mobile.css" />
<script type="text/javascript" src="framework/jquery-1.7.1.min.js"></script>
<link  href="http://fonts.googleapis.com/css?family=Raleway:100" rel="stylesheet" type="text/css" >
<style>
h1 {
  font-family: 'Raleway';
  font-style: normal;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 1px;
  word-spacing: 0em;
}
</style>
</head>
<body id="main">
	<div id="wrap">
		<header>
			<h1>KPOPGIRL<br><span style="font-size:20px; letter-spacing:0">MUSICVIDEO</span></h1>
		</header>
		<section id='slider' style="width:320px">
			<div>
				<div style='display:block'>
					<ul>
						<li><a href="sub.html#76AE75435889C2E3" class="alb_sosi"></a></li>
						<li><a href="sub.html#1DB606030F9561FC" class="alb_kara"></a></li>
						<li><a href="sub.html#31797A9DF567504F" class="alb_wonder"></a></li>
						<li><a href="sub.html#ED7F39CE78835839" class="alb_iu"></a></li>
						<li><a href="sub.html#F851C12E5FC4183C" class="alb_2ne1"></a></li>
						<li><a href="sub.html#8BA399A15427B664" class="alb_fx"></a></li>
						<li><a href="sub.html#AD3E5AB822BDD708" class="alb_tara"></a></li>
						<li><a href="sub.html#F310CDEE8B109F66" class="alb_4mit"></a></li>
						<li><a href="sub.html#F1DDED95A0F4440C" class="alb_sis"></a></li>
					</ul>
				</div>
				<div style='display:none'>
					<ul>
						<li><a href="sub.html#CA70BC1D65C0C703" class="alb_after"></a></li>
						<li><a href="sub.html#41080B759234C639" class="alb_missa"></a></li>
						<li><a href="sub.html#26CEE5BFB6514BE7" class="alb_brown"></a></li>
						<li><a href="sub.html#7FC659108C8A6217" class="alb_rain"></a></li>
						<li><a href="sub.html#D4F2066601E1569C" class="alb_boa"></a></li>
						<li><a href="sub.html#AB368B63579B6B64" class="alb_sec"></a></li>
						<li><a href="sub.html#608E0F53159C93B7" class="alb_pink"></a></li>
						<li><a href="sub.html#9491C7E19EAB16A7" class="alb_cho"></a></li>
						<li><a href="sub.html#B7F770CC677826DF" class="alb_nine"></a></li>
					</ul>
				</div>
			</div>
		</section>
		<nav>
			<span id='position'><em class='on'>&bull;</em><em>&bull;</em></span>
		 </nav>
		<footer>
		</footer>
	</div>
</body>
<script src='js/swipe.js'></script>

<script>
// slider
var slider = new Swipe(document.getElementById('slider'), {
      callback: function(e, pos) {
        
        var i = bullets.length;
        while (i--) {
          bullets[i].className = ' ';
        }
        bullets[pos].className = 'on';

      }
    }),
 bullets = document.getElementById('position').getElementsByTagName('em');
</script>
</html>